$handle-size: 12px;
$handle-color:transparent;
.handle {
  position: absolute;
  width: $handle-size;
  height: $handle-size;
  z-index: 999;
}
.left {
  left: -$handle-size/2;
  height: 100%;
  width: $handle-size;
  background-color: $handle-color;
  cursor: e-resize;
}
.right {
  right: -$handle-size/2;
  height: 100%;
  width: $handle-size;
  background-color: $handle-color;
  cursor: e-resize;
}
.top {
  top: -$handle-size/2;
  width: 100%;
  height: $handle-size;
  background-color: $handle-color;
  cursor: ns-resize;
}
.bottom {
  bottom: -$handle-size/2;
  width: 100%;
  height: $handle-size;
  background-color: $handle-color;
  cursor: ns-resize;
}
.lt {
  background-color: $handle-color;
  top: -$handle-size/2;
  left: -$handle-size/2;
  cursor: nw-resize;
}
.lb {
  background-color: $handle-color;
  bottom: -$handle-size/2;
  left: -$handle-size/2;
  cursor: nesw-resize;
}
.rt {
  background-color: $handle-color;
  top: -$handle-size/2;
  right: -$handle-size/2;
  cursor: sw-resize;
}
.rb {
  background-color: $handle-color;
  bottom: -$handle-size/2;
  right: -$handle-size/2;
  cursor: nwse-resize;
}